<template>
 <div class="page-box h100 display-flex czbj dfgfdgdftr">
    <n-tabs type="line" :default-value="defaultvalue">
      <n-tab-pane :name="item.id" :tab="item.sxname" v-for="(item,idx) in lister">
        <zd :id="item.id" @saveSuccess="saveSuccess"></zd>
      </n-tab-pane>
    </n-tabs>
</div>
</template>
 <script lang='ts' setup>
import { ref, nextTick,computed } from "vue"
import { dxget, dxpost, qurl, hf, transferTimeYMD, callBack } from "../../util/index";
import zd from "./components/zd.vue"
const lister = ref()
const cz = qurl()
const defaultvalue = ref()
defaultvalue.value = parseInt(cz.ids.split(",")[0])
const roid = localStorage.id
const initData = async () => {
    const { data }: any = await dxget('dxgjAdmin/getzd/getzdList', { ids: cz.ids,roleId:roid })
    lister.value = data
}
initData()
const saveSuccess=  ()=>{
    window.$message.success("保存成功")
}
</script>
 <style scoped>
 .dfgfdgdftr{
  overflow: auto;
 }
</style>